<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入easyui的样式 -->
<link rel="stylesheet" type="text/css" href="themes/bootstrap/easyui.css">   
<link rel="stylesheet" type="text/css" href="themes/icon.css">
<!-- 引入Js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>
</head>
<script type="text/javascript">
$(function(){
	$('#methodTree').tree({
		url:'showMethods',
		queryParams:{"parentId":-1},
		onLoadSuccess:function(node,data){
			$('#methodTree').tree('expandAll')	
		},
		onClick: function(node){
			if(node.attributes.url){
				if($("#mtabs").tabs('exists',node.text)){
					$("#mtabs").tabs('select',node.text)
				}else{
					//选择要链接的路径页面
					var pageContent="<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src="+node.attributes.url+"></iframe>"
				$("#mtabs").tabs('add',{
					title:node.text,
					closable:true,
					fit:true,
					content:pageContent
				});
				}
			}
			
		}
	});
});

</script>
<body class="easyui-layout" style="margin-left: 10px 10px 10px 10px">
  <div data-options="region:'north',title:'欢迎进入职工管理系统',split:true ,height:100,width:50,collapsible:false">
     <h1 style="text-align: center;">职工管理系统</h1>
  </div>   
  <div data-options="region:'south',title:'版权所有',split:true,height:100,width:50,collapsible:false"></div>   
  <div data-options="region:'west',title:'功能展示',height:50,width:200,split:true">
    <ul id="methodTree"></ul>
  </div>   
    <!-- 中间区域 -->
  <div data-options="region:'center',height:50,width:50,split:true">
   <!-- 在区域内创建tab -->
   <div id="mtabs" class="easyui-tabs" style="width:100%;height:100%;">   
     <div title="首页" data-options="closable:true,fit:true">   
      			  欢迎使用本系统   
     </div> 
   </div>
  </div>   
</body>
</html>